@extends('layouts.main')
@section('content')
    <link rel="stylesheet" type="text/css" href="/css/jiazai.css">
    <style>
        html,body{height:100%; width:100%; overflow:hidden; margin:0;
            padding:0; font-family: "黑体"}

        .main{width:100%; height:100%; overflow:hidden; margin:0;
            padding:0;}
    </style>
    <link rel="stylesheet" href="/css/magic.min.css">

    <div class="main">
        <img id="bakimg" src="/images/Path2.png" style="position: absolute;width: 100%;">
        <div id="info"  style="width: 250px;height: 350px; margin: 0 auto;box-shadow: 0 0 30px #ccc;margin-top: 80px;overflow: hidden;background: white">
            <div style=" margin-top: 50px;text-align: center;width: 100%">
                <img src="{{$userinfo['headimgurl']}}" style="width: 100px;height: 100px;border-radius: 55px;margin: 0 auto">
            </div>
            <div style="text-align: center;margin-top: 20px;">{{$userinfo['nickname']}}</div>
            <div style="text-align: center;margin-top: 20px;">欢迎光临无人值守超市演示店铺</div>
            <div style="text-align: center;margin-top: 20px;">祝您购物愉快</div>
        </div>
        <div id="guanzhu" style="width: 100%;text-align: center;margin-top: 40px;">
            <a style="text-decoration:none" href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MjM5NjgzMzk0MA==&scene=124#wechat_redirect"><div id="guanzhu" style="width: 150px;height: 40px;border: 1px solid #00BB00;background: #51C332;color: white;line-height: 40px;text-align: center;margin: 0 auto;border-radius: 10px;">@if($subscribe==1)点击进入公众号@else点击关注公众号@endif</div></a>
            <div style="width: 100%;padding-left: 30px;padding-right: 30px;text-align: left;color: #aaaaaa;margin-top: 20px;">*请务必关注公众号后再进行结账扫码，否则无法接收到账单信息！</div>
        </div>
        <div id="welee" style="position: fixed;width: 100%;height: 100%;z-index: 1;background: white; top: 0;text-align: center;padding-top: 200px;">
            <h2>身份验证中</h2>
            <div id="preloader6" style="margin: 0 auto;margin-top: 20px;">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="/js/jscccc.min.js"></script>
    <script>


        setTimeout(function(){
            $('#welee').addClass('magictime vanishOut');
            $('#bakimg').addClass('magictime tinUpIn');
            $('#info').addClass('magictime spaceInDown');
        }, 2000);
        setTimeout(function(){
            $('#welee').css('z-index',' -1');
        }, 2500);
    </script>
@stop